<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<!-- <link href="/skin/css/dl.css?v=2.01" rel="stylesheet" type="text/css" /> -->
<link rel="stylesheet" href="/skin/css/ft-slider.css" />
<script src="/skin/js/jquery.js"></script>
<script src="/skin/js/toast.js"></script>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>会员登录</title>
<style>
	body{
		margin:0;
		min-height:100vh;
		font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
		background:#0f172a url('/skin/img/dl_bg.jpg') center/cover no-repeat;
		color:#fff;
		-webkit-text-size-adjust:100%;
	}
	.login{
		position:relative;
		min-height:100vh;
		display:flex;
		align-items:center;
		justify-content:center;
		padding:0.5rem 0.32rem;
		box-sizing:border-box;
		backdrop-filter:none;
		margin-top: -0.5rem;
	}
	.login::before{
		content:'';
		position:absolute;
		inset:0;
		background:rgba(15,23,42,0.72);
		backdrop-filter:blur(6px);
	}
	.login-card{
		position:relative;
		z-index:2;
		width:100%;
		background:rgba(15,23,42,0.65);
		border-radius:0.18rem;
		box-shadow:0 0.32rem 0.72rem rgba(15,23,42,0.55);
		display:flex;
		flex-direction:column;
		gap:0.28rem;
	}
	.brand-header{
		display:flex;
		flex-direction:column;
		align-items:center;
		gap:0.2rem;
		text-align:center;
	}
	.brand-header img{
		height:1.8rem;
		object-fit:cover;
	}
	.brand-title{
		font-size:0.3rem;
		font-weight:700;
		letter-spacing:0.1rem;
	}
	.brand-subtitle{
		font-size:0.12rem;
		color:rgba(226,232,240,0.78);
		letter-spacing:0.02rem;
	}
	.form-section{
		display:flex;
		flex-direction:column;
		gap:0.22rem;
	}
	.input-group{
		position:relative;
		display:flex;
		align-items:center;
	}
	.input-group input{
		width:100%;
		height:0.45rem;
		padding:0 0.14rem 0 0.4rem;
		background:rgba(15,23,42,0.55);
		border:0.01rem solid rgba(148,163,184,0.4);
		border-radius:0.1rem;
		font-size:0.14rem;
		color:#e2e8f0;
		box-shadow:inset 0 0.08rem 0.22rem rgba(15,23,42,0.32);
		outline:none;
		transition:all 0.25s ease;
	}
	.input-group input::placeholder{
		color:rgba(148,163,184,0.6);
	}
	.input-group input:focus{
		border-color:#38bdf8;
		background:rgba(15,23,42,0.75);
		box-shadow:0 0 0 0.02rem rgba(56,189,248,0.25);
	}
	.input-icon{
		position:absolute;
		left:0.16rem;
		display:flex;
		align-items:center;
		justify-content:center;
		color:#94a3b8;
	}
	.login-action{
		display:flex;
		flex-direction:column;
		gap:0.26rem;
	}
	.login-action button{
		width:100%;
		height:0.46rem;
		border:none;
		border-radius:0.1rem;
		background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);
		color:#fff;
		font-size:0.16rem;
		font-weight:700;
		letter-spacing:0.06rem;
		cursor:pointer;
		box-shadow:0 0.22rem 0.46rem rgba(37,99,235,0.32);
		transition:transform 0.2s ease, box-shadow 0.2s ease;
		-webkit-tap-highlight-color:transparent;
	}
	.login-action button:active{
		transform:scale(0.98);
		box-shadow:0 0.12rem 0.32rem rgba(37,99,235,0.38);
	}
	.extra-links{
		display:flex;
		justify-content:center;
		gap:0.18rem;
		font-size:0.12rem;
		color:rgba(226,232,240,0.8);
	}
	.extra-links a{
		color:#38bdf8;
		text-decoration:none;
		transition:opacity 0.2s ease;
	}
	.extra-links a:active{
		opacity:0.7;
	}
	@media (min-width:768px){
		.login-card{
			max-width:6.6rem;
		}
	}
</style>
<script>
		(function(){
			var docEl = document.documentElement;
			var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
			function recalc(){
				var clientWidth = docEl.clientWidth;
				if(!clientWidth) return;
				docEl.style.fontSize = (clientWidth / 375 * 100) + 'px';
			}
			if(!document.addEventListener) return;
			window.addEventListener(resizeEvt, recalc, false);
			document.addEventListener('DOMContentLoaded', recalc, false);
			recalc();
		})();
	</script>
</head>
<body>
<div class="login">
	<form class="login-card l">
		<div class="brand-header">
			<img src="/skin/img/dlLogo.png" alt="品牌标识" />
			<div class="brand-subtitle">臻选珠宝 · 循环之旅</div>
		</div>
		<div class="form-section">
			<div class="input-group">
				<span class="input-icon">
					<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
						<circle cx="12" cy="7" r="4"></circle>
						<path d="M5.5 21a6.5 6.5 0 0 1 13 0"></path>
					</svg>
				</span>
				<input type="text" placeholder="请输入会员账户" id="zhanghao" name="t0" onfocus="this.value='';" autocomplete="off" />
			</div>
			<div class="input-group">
				<span class="input-icon">
					<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
						<rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
						<path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
					</svg>
				</span>
				<input type="password" placeholder="请输入密码" id="mima" name="t1" onfocus="this.value='';" autocomplete="off" />
			</div>
		</div>
		<div class="login-action">
			<button id="Button1" type="button" onclick="login()">登录</button>
			<div class="extra-links">
				<a href="getpass.php">忘记密码</a>
				<span>丨</span>
				<a href="/app/">APP下载</a>
			</div>
		</div>
	</form>
</div> 
		<script>
			function login(){
				$.ajax({
					type:"post",
					dataType:"json",
					url:"/Moudelu.php?m=m&a=login",
					data:$(".l").serialize(),
					success:function(d){
						if(d[0]==0){
							showToast(d[1],'error');
						}
						else{
							window.location.href='/user';
						}
					}
				});
			}
			
		</script>
</body>
</html>